<template>
  <div class="page" v-nav="{hideNavbar: true}" v-tabbar="{'menus': menus, menuColor: '#B5B5B5', activeMenuColor: '#44CC00', onMenuClick: menuClicked}">
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  data() {
    return {
      menus: [
        {
          iconOn: "ion-ios-home",
          iconOff: "ion-ios-home",
          text: "首页",
          path: '/tabbar/home'
        },
        {
          iconOn: "ion-ios-pricetags",
          iconOff: "ion-ios-pricetags",
          text: "折扣",
          path: '/tabbar/discount'
        },
        {
          iconOn: "ion-ios-cart",
          iconOff: "ion-ios-cart",
          text: "购物车",
          badge: 5,
          path: '/tabbar/cart'
        },
        {
          iconOn: "ion-ios-person",
          iconOff: "ion-ios-person",
          text: "我",
          path: '/tabbar/user'
        }
      ]
    };
  },

  methods: {
    menuClicked(){

    }

  },
  beforeDestroy() {
    $tabbar.$emit("hideTabbar");
  }

};
</script>
